<template>
	<div class="rmindex">
		<div class="main">
			<div class="left">
				<sidebar-nav></sidebar-nav>
			</div>
			<div class="right">
				<router-view />
			</div>
		</div>
	</div>
</template>

<script>
	import Cookie from "../../fetch/cookie.js"

	import {
		mapGetters,
		mapActions
	} from 'vuex'
	import myMarquee from "../../components/marquee.vue";
	import SidebarNav from "../../components/SidebarNav.vue";
	export default {
		data() {
			return {

				lists: [
					'连雨不知春去',
					'一晴方觉夏深'
				]
			}
		},

		beforeRouteLeave(to, from, next) {
			this.getSidebarNavIndex("")
			next();
		},
		components: {
			myMarquee,
			SidebarNav,
		},
		methods: {
			...mapActions({
				getSidebarNavIndex: 'getSidebarNavIndex'
			}),
		}

	}
</script>

<style lang="less">
	.rmindex {
		width: 1125px;
		margin: auto;
		.Notice {
			// width: 100%;
			text-align: right;
			padding: 10px;
			box-sizing: border-box;
			color: #ff9900;
			cursor: pointer;

			&:hover {
				color: red;
			}
		}

		.main {
			// width: 100%;
			display: flex;
			flex-wrap: wrap;
			.left {
				width: 150px;
				display: flex;
				justify-content: flex-end;
			}

			.right {
				width: 975px;
				box-sizing: border-box;
			}
		}

	}
</style>
